@charset "utf-8";

body {
    background: url("../images/fondo3.jpg") no-repeat;
    background-color: #91bed5;
    background-size: 100%;
    background-position: center top;
    /*display: block;*/
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    color: #404041;
    text-decoration: none;
}

div {
    display: -moz-compact;
}

* {
    margin: 0;
    padding: 0;
}

.page   {
    -background-color: white;
    background-color: transparent;
    box-shadow: 0 0 3px;
    margin: auto;
    width: 940px;
}
/*  Banner    */
.banner {
    background: url("../images/soza.png") no-repeat scroll left top transparent;
    height: 144px;
    -box-shadow: 0 0 3px 1px inset;
}

.banner a{
    display: block;
}

.banner .logo{
    float: left;
    height: 100%;
    width: 580px;
}


/*  Menu    */
.menu{
    background-color: #E2EBF0;
    box-shadow: 0 0 2px black inset;
    display: block;
    height: 40px;
    z-index: 100;
}

.menu ul{
    display: block;
}


.menu ul li{
    float: left;
    list-style-type: none;
    margin-left: 80px;
    cursor: pointer;
}

.menu ul li a{
    text-decoration: none;
    color: #4899CB;
    font-family: verdana;
    font-size: 18px;
    font-weight: bold;
    display: block;
    height: 40px;
    line-height: 40px;
}

.menu .ul li:hover > a {
    color: #b9bcbc;
}

.menu .ul li:hover > .sub-menu{
    visibility: visible;
}


.sub-menu{
    background-color: #E2EBF0;
    box-shadow: 0 3px 6px 0;
    padding: 10px;
    position: absolute;
    visibility: hidden;
    width: 200px;
    z-index: 99;

}

.menu .sub-menu li{
    border-bottom: 1px solid #B9BCBC;
    border-top: 1px solid #E2EBF0;
    float: none;
    margin: 0 0 8px;
    padding: 2px 5px;
}
.menu .sub-menu li:hover{
    border: 1px solid #B9BCBC;
    border-radius: 3px 3px 3px 3px;
    background-color: #B9BCBC;
    color: white;
}

.menu .sub-menu li:hover > a{
    color: white;
}
.menu .sub-menu li a{
    font-size: 12px;
    text-decoration: none;
    height: 20px;
    line-height: 20px;
}
/*  End  Menu    */


/*  Toolbar - Redes Sociales  */

.toolbar {
    float: right;
    position: relative;
}

.redes {
    float: right;
    height: 30px;
    margin: 23px 0 0;
}

.ico-tw  {
    background: url("../images/sprite.png") no-repeat scroll -5px -2px transparent;
    display: block;
    float: left;
    height: 36px;
    margin: 0 27px 0 0;
    text-indent: -9999px;
    width: 39px;
}

.ico-fb  {
    background: url("../images/sprite.png") no-repeat scroll -72px -2px transparent;
    display: block;
    float: left;
    height: 36px;
    margin: 0 26px 0 0;
    text-indent: -9999px;
    width: 29px;
}

.ico-yt  {
    background: url("../images/sprite.png") no-repeat scroll -127px -2px transparent;
    display: block;
    float: left;
    height: 36px;
    margin: 0 26px 0 0;
    text-indent: -9999px;
    width: 25px;
}

.redes .ico-tw:hover {
    background: url("../images/sprite2.png") no-repeat scroll -5px -2px transparent;
    display: block;
    float: left;
    height: 27px;
    margin: 0 27px 0 0;
    text-indent: -9999px;
    width: 39px;
}
.redes .ico-fb:hover {
    background: url("../images/sprite2.png") no-repeat scroll -72px -2px transparent;
}
.redes .ico-yt:hover {
    background: url("../images/sprite2.png") no-repeat scroll -127px -2px transparent;
}

/*  End  Toolbar   */



/*  Container    */
.container{
    background-color: white;
    display: block;
    padding: 30px;
    position: relative;
    width: 880px;
}

.block-horizontal {
    width: 940px;
    margin-top: 5px;
}

.block1 {
    float: left;
    margin: 0 0 0 -19px;
    position: relative;
    width: 469px;
    height: auto;
    min-height: 351px;
}
.block1-title {
    color: #7A8086;
    font-family: Knockout-JuniorMiddlewt,Arial;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 12px;
    width: 460px;
}

.magazine-blog {
    background: url("../images/pique.jpg") no-repeat transparent;
    margin: 0;
    width: 220px;
    float: left;
    -background: #FFFFFF;
    padding: 5px;
    border: 1px solid #bdbdbd;
    max-width: 218px;
}

.block2 {
    float: right;
    margin: 0 0 17px;
    position: relative;
    width: 490px;
    height: auto;
    min-height: 351px;
}
.block2-title {
    color: #7A8086;
    font-family: Knockout-JuniorMiddlewt,Arial;
    font-size: 24px;
    font-weight: 400;
    line-height: 24px;
    margin: 0 0 12px;
    width: 460px;
}

/*  End  Container    */

/*  Box-widget   */

.box-widget{
    border: 2px solid #231F20;
    -webkit-border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    height: 353px;
    width: 283px;
    float: left;
    margin: 6px;
    behavior: url(../Bepoketprint/css/pie/PIE.htc);
}

.video{
    border: none;
    height: 353px;
    width: 585px;
}
/*  End Box-widget    */

/*  Footer    */
.footer{
    background-color: #E2EBF0;
    box-shadow: 0 0 2px 0 inset;
    display: block;
    padding: 13px 35px;
    width: 870px;
    z-index: 100;
}

.footer a{
    color: #63A2C2;
    font-family: Arial;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}



/* CONTAINER */

.block-horizontal .elPique,.block-horizontal .post {
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 2px 0 grey;
    height: 165px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 20px;
    position: relative;
    width: 840px;
}

.block-horizontal a{
    text-decoration: none;
    color: grey;
}


.block-horizontal  .image {
    box-shadow: 0 0 2px 0 grey;
    float: left;
    height: 90%;
    margin-right: 20px;
    padding: 10px;
    width: 200px;
}

.block-horizontal  .image img{
    width: 100%;
    height: auto;
    max-height: 150px;

}

.block-horizontal .link {
    bottom: 20px;
    position: absolute;
    right: 40px;
    font-size: 20px;
}

.block-horizontal .link:hover {
    color: #1F1A17;
}

.block-horizontal h2 a:hover{
    color: #1F1A17;
}



/* POST SINGLE*/

.single .post{
    height: auto;
}

.single .detalle {
    position: relative;
    text-align: justify;
}

.single .image{
    width: 400px;
}

.single .image img{
    height: auto;
    max-height: 400px;
}

.single .gmsc{
    box-shadow: 0 0 3px 0;
    
}